$(document).ready(function() {
    // 页面加载动画
    $('body').addClass('page-transition');
    
    // 切换额外内容的显示/隐藏
    $('.toggle-content').click(function(e) {
        e.preventDefault();
        var target = $(this).data('target');
        $(target).slideToggle(300);
        $(this).text(function(i, text) {
            return text === "了解更多" ? "收起内容" : "了解更多";
        });
    });
    
    // 平滑滚动到顶部
    $(window).scroll(function() {
        if ($(this).scrollTop() > 50) {
            $('#back-to-top').fadeIn();
        } else {
            $('#back-to-top').fadeOut();
        }
    });
    
    // 滚动到顶部
    $('#back-to-top').click(function() {
        $('html, body').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
    
    // 添加返回顶部按钮
    $('body').append('<a href="#" id="back-to-top" class="btn btn-dark" title="返回顶部"><i class="fas fa-arrow-up"></i></a>');
    
    // 角色卡片悬停效果
    $('.character-card').hover(
        function() {
            $(this).find('img').css('transform', 'scale(1.05)');
        },
        function() {
            $(this).find('img').css('transform', 'scale(1)');
        }
    );
    
    // 表单提交效果
    $('form').submit(function(e) {
        e.preventDefault();
        var form = $(this);
        var button = form.find('button[type="submit"]');
        
        button.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 发送中...');
        button.prop('disabled', true);
        
        // 模拟AJAX提交
        setTimeout(function() {
            button.html('发送成功 <i class="fas fa-check"></i>');
            setTimeout(function() {
                button.html('发送');
                button.prop('disabled', false);
                form.trigger('reset');
            }, 2000);
        }, 1500);
    });
    
    // 卡片动画
    $('.card').each(function(index) {
        $(this).css('animation-delay', (index * 0.1) + 's');
    });
    
    // 列表项动画
    $('.list-group-item').each(function(index) {
        $(this).css('animation-delay', (index * 0.2) + 's');
    });
    
    // 轮播图自动播放
    $('.carousel').carousel({
        interval: 5000,
        pause: "hover"
    });
    
    // 导航栏滚动效果
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) {
            $('.navbar').css('opacity', '1');
            $('.navbar').css('box-shadow', '0 2px 10px rgba(0, 0, 0, 0.3)');
        } else {
            $('.navbar').css('opacity', '0.95');
            $('.navbar').css('box-shadow', 'none');
        }
    });
    
    // 图片懒加载
    $('img').each(function() {
        var img = $(this);
        if (img.attr('data-src')) {
            img.attr('src', img.attr('data-src'));
        }
    });
});